<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link type="text/css" rel="stylesheet" href="deng.css" />
		
		<title>登陆成功</title>
		<style type="text/css">
		     *{padding: 0;
		     margin: 0;}
		     body,html{height:100%;}
		     body{background-image: url("images/beijing.jpg");background-size: 100% 100%;}
		     #box{width: 280px;
		         height: 400px;
		         position: fixed;
		         left: 0;
		         right: 0;
		         top:0;
		         bottom: 0;
		         margin: auto;
		         transform-style: preserve-3d;
		         transform: rotateX(0deg) rotateY(0deg);
		         animation: go 45s linear infinite;
		        }
		     #box img{width: 280px;
		              height: 400px;
		              position: absolute;
		              left: 0;
		              top: 0;
		     }
		     #box img:nth-child(1){
		         transform: rotateY(0deg) translateZ(650px);}
		     #box img:nth-child(2){
		         transform: rotateY(36deg) translateZ(650px);}
		     #box img:nth-child(3){
		         transform: rotateY(72deg) translateZ(650px);}
		     #box img:nth-child(4){
		         transform: rotateY(108deg) translateZ(650px);}
		     #box img:nth-child(5){
		         transform: rotateY(144deg) translateZ(650px);}
		     #box img:nth-child(6){
		         transform: rotateY(180deg) translateZ(650px);}
		     #box img:nth-child(7){
		         transform: rotateY(216deg) translateZ(650px);}
		     #box img:nth-child(8){
		         transform: rotateY(252deg) translateZ(650px);}
		     #box img:nth-child(9){
		         transform: rotateY(288deg) translateZ(650px);}
		     #box img:nth-child(10){
		         transform: rotateY(324deg) translateZ(650px);}
				@keyframes go {
				    0%{transform: rotateX(0deg) rotateY(0deg);}
				    25%{transform: rotateX(20deg) rotateY(180deg);}
				    50%{transform: rotateX(0deg) rotateY(360deg);}
				    75%{transform: rotateX(-20deg) rotateY(540deg);}
				    100%{transform: rotateX(0deg) rotateY(720deg);}
				
				}
		 </style>
	</head>
	<body>
		<script type="text/javascript">
			alert("期盼与君相逢，欢迎您的到来")
		</script>
		<div id="box">
				    <img src="1.jpg">
				    <img src="10.jpg">
				    <img src='2.jpg'>
				    <img src="5.jpg">
				    <img src="3.jpeg">
				    <img src="6.jpg">
				    <img src="4.jpg">
				    <img src="7.jpeg">
				    <img src="12.jpg">
				    <img src="9.jpg">
				</div>
						<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<a href="index.html"><p align="right">返回首页</p></a>
	</body>
</html>
